/* Start CSS Reset Classes */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
 
/* Font size conversion chart 
10px = 77%
11px  = 85%
12px  =	93%
13px  =	100%
14px  =	108%
15px  = 116%
16px  =	123.1%
17px  =	131%
18px  =	138.5%
19px  =	146.5%
20px  =	153.9%
21px  =	161.6%
22px  =	167%
23px  =	174%
24px  =	182%
25px  =	189%
26px  =	197%
*/

body{font: 70% "Trebuchet MS",sans-serif;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;}


/* Start CSS Reset Classes */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Global link treatment classes */
a {color: #0f57c2; text-decoration: none;}
a:visited {color:#64406C;text-decoration: none;}
a:active, a:focus {color: #e74b00; text-decoration: underline;}
a:hover {text-decoration: underline;}

input[readonly] {background: #BEBEBE;}

/* Utility classes */
.clear-left {clear: left;}
.clear-right {clear: right;}
.clear-both {clear: both;}
.off-screen{position:absolute; left:-5000px;width:1px;height:1px;overflow:hidden;}



/* Layout classes go here */

.layout-breadcrumb-region {width: 975px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; }
.layout-breadcrumb-region .layout-spacer-01 {padding:0px 0px 6px 0px;}
.layout-body-region {width: 995px;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: top;}
.layout-body-left-gutter {width: 10px; padding: 0px; margin: 0px;}
.layout-body-toc {width: 169px; margin: 0px; padding: 0px; vertical-align: top;}
.layout-body-toc .layout-spacer-01 {padding: 0px 0px 20px 0px;}
.layout-body-toc-right-gutter {width: 21px; padding: 0px; margin: 0px;}
.layout-body-content {width: 508px; height: 508px; margin: 0px; padding: 0px; vertical-align: top;}
.layout-body-content-wide {width: 785px; margin: 0px; padding: 0px; vertical-align: top;}
.layout-body-content .layout-spacer-01 {padding: 0px 0px 12px 0px;}
.layout-body-gutter-right {width: 10px; margin: 0px; padding: 0px;}
.layout-body-gutter-right-border {width: 11px; vertical-align: top;}
.layout-body-right {width: 256px; padding: 0px; margin: 0px; vertical-align: top;}
.layout-body-right .layout-spacer-01	{padding: 0px 0px 35px 0px;}
.layout-body-far-right-gutter {width: 10px; margin: 0px; padding: 0px;}
.layout-footer-region {width: 995px; padding: 0px; margin: 0px;}
.layout-footer-region .layout-spacer-01 {padding:0px 0px 59px 0px;}


/* Component classes go here */

/* Begin BreadCrumb Component Classes */
.breadcrumb {color:#666666; padding: 9px 0px 9px 0px; margin: 0px; line-height: 90%;border-bottom: 1px dotted #DBDCDE;}
.breadcrumb .caret {padding: 0px 1px 0px 5px; margin: 0px;}
.breadcrumb .bold {font-weight:bold;}
.breadcrumb ul {padding: 0px; margin: 0px;}
.breadcrumb ul li {display: inline; padding: 0px; margin: 0px; list-style: outside; list-style-type: none; list-style-image: none;}
.breadcrumb a {color:#666666; text-decoration: none;}
.breadcrumb a:link {color:#666666; text-decoration: none;}
.breadcrumb a:visited {color:#666666; text-decoration: none;}
.breadcrumb a:active {color:#E74B00; text-decoration:underline;}
.breadcrumb a:focus {color:#E74B00; text-decoration:underline;}
.breadcrumb a:hover {text-decoration: underline;}

/* End BreadCrumb Component Classes*/

/* Begin header classes */
.header h1 {font-size: 182%; color: #408801; font-weight: normal; }
.head-line {font-size: 131%; color:#3D7000; margin-top:4px; }
/* End header classes */

/* Begin footnote classes */
.footnote {color:#666666;}
.footnote p {padding:0px 0px 6px 0px;}
.footnote ol {margin:0px 0px 6px 18px; list-style-type: decimal;}
.footnote ol li {padding:0px 0px 6px 0px;}
.footnote em{font-style:italic;}
.footnote .clear-bottom {padding-bottom:0px !important;margin-bottom:0px !important;}
/* End footnote classes */


.primary-footer {
    background-color: #EEEEEE !important;
    border-top: 1px solid #CCCCCC !important;
    font-family: arial,helvetica,sans-serif !important;
    font-size: 13px !important;
    font-weight: normal !important;
    height: 90px;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
}
.primary-footer a:link, .primary-footer a:visited {
    color: #0F57C2 !important;
    font-family: arial,helvetica,sans-serif !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none;
}
.primary-footer a:active, .primary-footer a:focus {
    color: #E74600 !important;
    font-family: arial,helvetica,sans-serif !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: underline;
}
.primary-footer a:hover {
    color: #0F57C2 !important;
    font-family: arial,helvetica,sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: underline;
}
.primary-footer .nice-logo {
    float: left !important;
    margin: 9px 0 0 15px !important;
    padding: 0 !important;
}
.primary-footer p {
    color: #666666 !important;
    font-family: arial,helvetica,sans-serif !important;
    font-size: 85% !important;
    font-weight: normal !important;
    margin: 0 !important;
    text-align: right !important;
    text-decoration: none !important;
}
.primary-footer .copyright {
    font-family: arial,helvetica,sans-serif !important;
    margin: 11px 7px 0 0 !important;
    padding: 0 0 2px !important;
}
.primary-footer .rights {
    font-family: arial,helvetica,sans-serif !important;
    margin: 2px 7px 0 0 !important;
    padding: 0 !important;
}
.primary-footer ul {
    margin: 4px 6px 0 0 !important;
    padding: 0 !important;
}
.primary-footer .first {
    background: none repeat scroll 0 0 transparent !important;
    display: inline !important;
    font-family: arial,helvetica,sans-serif !important;
    font-size: 85% !important;
    font-weight: normal !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.primary-footer ul li {
    background: url("#") no-repeat scroll 0 50% transparent !important;
    display: inline !important;
    font-family: arial,helvetica,sans-serif !important;
    font-size: 85% !important;
    font-weight: normal !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 0 0 4px !important;
}


